import React, { PropTypes, Component } from 'react';
import { Link } from 'react-router'
import Table from './MyTable'
import Column from './Column'
import styles from './SimpleTable.css';
import style from './addStore.css'
import {myAjax, ROOTURL_TABLE, ROOTPATH} from './../publicAPI/publicAPI';
/*const data1 = [ //Object键值对的键名必须为字符串形式
  {理发店名: 'AAA', 一月: 10, 二月: 120, 三月: 30, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {理发店名: 'B', 一月: 12, 二月: 140, 三月: 32, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {理发店名: 'C', 一月: 11, 二月: 124, 三月: 31, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {理发店名: 'D', 一月: 9, 二月: 110, 三月: 28, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {理发店名: 'E', 一月: 10, 二月: 118, 三月: 27, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {理发店名: 'F', 一月: 12, 二月: 124, 三月: 29, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30}
];
const data2 = [ 
  {重庆公司: 'AAA', 一月: 10, 二月: 120, 三月: 30, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {重庆公司: 'B', 一月: 12, 二月: 140, 三月: 32, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {重庆公司: 'C', 一月: 11, 二月: 124, 三月: 31, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {重庆公司: 'D', 一月: 9, 二月: 110, 三月: 28, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {重庆公司: 'E', 一月: 10, 二月: 118, 三月: 27, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30},
  {重庆公司: 'F', 一月: 12, 二月: 124, 三月: 29, 四月: 10, 五月: 120, 六月: 30, 七月: 10, 八月: 120, 九月: 30, 十月: 10, 十一月: 120, 十二月: 30}
];*/




export default React.createClass({
	getInitialState: function() {
		let date = new Date();
	    return {
	        year: date.getFullYear(),
			tData: [{}],
			hasClicked: true
		};
	},

	componentWillMount: function() {
		//this.setState({tData: data1});
		//this.getData();
		/*let _this = this;
		myAjax(ROOTURL_TABLE + 'cafune/shop/turnoversummary.api', 'POST', {year:this.state.year}, function(data) {
			var processData = [];
			var ids = data.shopIds;
			//console.log(ids);
			for(var i in ids) {
				let id = ids[i];
				Object.assign(data[id], {'年营业额': data[id].yearTurnover, '理发店名': data[id].shopName});
			    delete data[id].shopName;
			    delete data[id].yearTurnover;
			    //console.log(typeof (data[id].年营业额));
				processData.push(data[id]);
				//processData.forEach(function(i) {console.log(typeof i.年营业额)});
			}
			//console.log(processData);
			this.setState({tData: processData});
		}.bind(_this), function(err) {});
		//this.state.tData.forEach(function(i) {console.log(typeof i.年营业额)});*/
	},

	/*handleClick: function() {
		let yearSelect = parseInt(this.refs.yearSelect.value);
		if(!yearSelect || !(/^2\d{3}$/.test(yearSelect))) {
		    alert("内容不能为空或格式错误");
		    this.refs.yearSelect.focus();
		    return
	    }
		let _this = this;
		myAjax(ROOTURL_TABLE + 'cafune/shop/turnoversummary.api', 'POST', {year:yearSelect}, function(data) {
			console.log(data);
			let processData = [];
			let ids = data.shopIds;
			for(let i in ids) {
				let id = ids[i];
				Object.assign(data[id], {'年营业额': data[id].yearTurnover, '理发店名': data[id].shopName});
			    delete data[id].shopName;
			    delete data[id].yearTurnover;
				processData.push(data[id]);
			}
			//console.log(processData);
			this.setState({tData: processData});
		}.bind(_this), function(err) {alert("获取服务器内容失败")});
	},
	handleKeyPress: function(e) {
	    if(e.which == 13) {
	        this.handleClick();
	    }
	},*/

	render: function() {
		//console.log(this.state.tData);
		return (
			<div>
				<div className="right-wapper" style={{minHeight: '160px'}}>
				    <div className="rt-wrap">
				        <h2 className="catagory">
				            <Link to={`/MallIndex`}><span className={style['cata-title']}>首页轮播图</span></Link>
				            <Link to={`/MallProductTypeM`}><span className={style['cata-title']}>商品分类管理</span></Link>
				            <Link to={`/MallProductsM`}><span className={style['cata-title']}>商品管理</span></Link>
				            <Link to={`/MallOrderM`}><span className={style['cata-title']}>订单管理</span></Link>
				            <Link to={`/MallStoreM`}><span className={style['cata-title']}>门店管理</span></Link>
				            <Link to={`/MallMember`}><span className={style['cata-title']}>门店店员管理</span></Link>
				            <Link to={`/MallStatisticsM`}><span className={style['cata-title-current']}>商城统计</span></Link>
				        </h2>
				    </div>
				  	<div className="rt-wrap">
				  		<h2 className="catagory">
				  		<Link to={`/MallStatisticsM/MallIncomeTable`}><span className={style['cata-title']}>营业额汇总</span></Link>
				  		<Link to={`/MallStatisticsM/MallMonthIncomeTable`}><span className={style['cata-title']}>当月营业数据</span></Link>
			    		</h2>
			    	</div>
		    	</div>
		    	<div>{this.props.children}</div>
    		</div>
		);
		
	}
});
